<!DOCTYPE html>
<html lang="en">
<head>
    <title>${new.newsTitle}_重庆恭逸科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="description" content="${new.description}">
    <meta name="keywords" content="
    @for(keyword in new.keywords){
         ${keyword},
    @}
"/>
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstrap-css -->
    <link href="${ctxPath}/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!--// bootstrap-css -->
    <link rel="icon" type="image/x-icon" href="${ctxPath}/static/faviconTitle.ico"/>
    <!-- css -->
    <link rel="stylesheet" href="${ctxPath}/static/css/style.css" type="text/css" media="all" />
    <link href="${ctxPath}/static/css/zhyd.comment.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/zhyd.core.css" rel="stylesheet">
    <!--// css -->

    <!-- font-awesome icons -->
    <link href="${ctxPath}/static/css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script src="${ctxPath}/static/js/jquery-1.11.1.min.js"></script>
    <!-- flexslider -->
    <link rel="stylesheet" href="${ctxPath}/static/css/flexslider.css" type="text/css" media="screen" />
    <!-- //flexslider -->

</head>
<body>
    <!--banner-->
    @include("../_header.html",{current:'新闻资讯'}){}
    <div class="banner-top w3layouts-banner-top-news visible-lg-block visible-md-block"  style="height: 570px">
    </div>

    <div class="banner-top visible-xs-block visible-sm-block"  style="height: 300px;background: url('/static/images/mobile/news/banner.jpg') no-repeat 0 ;background-size: cover ">
    </div>
    <!--//banner-->

    <div class="container-fluid" style="background-color: #E5E5E5;padding: 0;min-height: 680px">
        <div class="container" style="margin-top: 10px;position: relative;">
            <div class="col-md-3  visible-md-block visible-lg-block" style="position: static" >
                <div id="news" style="z-index: 999;width: 200px;opacity: 0.8" >
                    <div style="background-color:#f8f8f8;color: #3a3a3a;">
                        <div style="font-weight: 400;font-size: 18px; text-align:center;line-height:35px;background-color: #50c9a0;">
                            <span style="color: white">新闻分类</span>
                        </div>
                        <div style="width: 100%;text-align: center">
                            @for(newClass in newsClass){
                            @if(newClassDetail.id==newClass.id){
                            <div style="width: 100%;line-height: 35px;font-size: 16px">
                                <a href="/newsListPage/${newClass.id}.html" style="color: #50c9a0">
                                    ${newClass.newsClassName}
                                </a>
                            </div>
                            @if(!newClassLP.last){
                            <hr  style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"  />
                            @}
                            @}else{
                            <div style="width: 100%;line-height: 35px;font-size: 16px">
                                <a href="/newsListPage/${newClass.id}.html" style="color: #3a3a3a">
                                    ${newClass.newsClassName}
                                </a>
                            </div>
                            @if(!newClassLP.last){
                            <hr  style="margin:0 43% 0 43%;background-color: #50C9A0;height: 1px"  />
                            @}
                            @}
                            @}
                        </div>
                    </div>
                    @include("../container_left.html"){}
                </div>
            </div>
            <div class="col-md-9 col-xs-12">
                <div class="visible-lg-block visible-md-block" style="height: 40px;width: 100%;line-height: 40px">
                    <div style="display: inline-block;border-left:8px solid #50c9a0;padding-left: 8px;height: 35px">
                        <span style="margin: 0;font-size: 21px;color: #474747">新闻资讯</span>
                    </div>
                    <div style="display: inline-block;float: right">
                        <ul style="list-style: none">
                            <li style="display: inline-block;">
                                <span style="color:#464646 ">您当前的位置：</span>
                                <a href="/index" style="color: #464646; text-decoration: none;font-family: 'Roboto', sans-serif;">首页</a>
                                <span style="color:#464646"> &nbsp>>&nbsp </span>
                            </li>
                            <li style="display: inline-block;">
                                <a href="/newsListPage.html" style="color: #464646; text-decoration: none;font-family: 'Roboto', sans-serif;">新闻资讯</a>
                                <span style="color:#464646 "> &nbsp>>&nbsp </span>
                            </li>
                            <li style="display: inline-block;color: #464646;font-family: 'Open Sans', sans-serif;letter-spacing: 1px">
                                ${newClassDetail.newsClassName}
                            </li>
                        </ul>
                    </div>
                    <!--//面包屑 -->
                </div>
                <div class=" blog-main" style="margin-top: 10px">
                    <div class="blog-header visible-lg-block visible-md-block" style="text-align:center;width: 100%">
                        <div class="col-md-12"><span style="font-size: 20px;font-weight:500;color: #474747">${new.newsTitle}</span></div>
                        <div class="col-md-12">
                            <span style="display:inline-block;width: 60%;margin: 4px auto;color: #8e8c8c;font-size: 14px">
                                作者：${new.author}&ensp;&ensp;&ensp;&ensp;&ensp;
                                发布时间：${new.createDate}&ensp;&ensp;&ensp;&ensp;&ensp;
                                浏览量：${new.visitNum}
                            </span>
                            <div class="bdsharebuttonbox" style="display: inline-block;vertical-align: bottom;float: right">
                                <a href="#" class="bds_more" data-cmd="more"></a>
                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                            </div>
                        </div>
                    </div>
                    <div class="blog-header visible-xs-block visible-sm-block"  style="margin-bottom: 10px">
                        <h3 style="margin-bottom: 5px;font-size: 20px;font-weight:500;color: #474747">${new.newsTitle}</h3>
                        <div style="margin-top: 10px">
                            <span class="date" style="color: #757575;" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数">
                                    <i class="fa fa-eye fa-fw"></i>${new.visitNum}次
                            </span>
                            <div class="bdsharebuttonbox" style="display: inline-block;vertical-align: bottom;float: right">
                                <a target="_blank" href="#" class="bds_more" data-cmd="more"></a>
                                <a target="_blank" href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a target="_blank" href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a target="_blank" href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                            </div>
                        </div>
                    </div>
                    <div class="visible-lg-block visible-md-block" style="margin: 15px 0px;color:#474747 ">
                        ${new.content}
                    </div>
                    <div id="newsContent" class="visible-sm-block visible-xs-block" style="margin: 15px 0px;color:#474747 ">
                        ${new.content}
                    </div>
                    <div class="blog-header visible-xs-block visible-sm-block" style="margin-top: 15px">
                        <span class="date" style="color: #757575;" data-toggle="tooltip" data-placement="bottom" data-original-title="发布日期">
                   发布日期：${new.createDate}
                </span>
                        <span class="date" style="color: #757575;float:right;" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数">
                    作者：${new.author}
                 </span>
                        </div>
                    <div style="margin-bottom: 20px">
                        <hr />
                        <div><span style="color: #939393;font-weight: 300">本文网址</span> &nbsp;&nbsp;&nbsp;&nbsp;<a target="_blank" href="https://www.gongyitech.com/newsDetail/newsId${new.id}.html"><span style="color:#50c9a0;display: inline-block;width: 70%;vertical-align: top">https://www.gongyitech.com/newsDetail/newsId${new.id}.html</span></a></div>
                        <hr style="background-color: #d8d8d8 " />
                        <div style="color: #bbbbbb"><span style="color: #939393;font-weight: 300">关键词</span>&ensp;&ensp;&ensp;&ensp;
                            <span style="display: inline-block;width: 70%;vertical-align: top">
                            @for(keyword in new.keywords){
                            <a href="/search/keywords/${keyword}.html"> <span style="color:#50c9a0">${keyword}</span> </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            @}
                            </span>
                        </div>
                        <hr style="background-color: #d8d8d8 "/>
                        <div id="nextAndPre">
                            <span style="color: #939393;font-weight: 300">上一篇</span>&ensp;&ensp;&ensp;&ensp;&ensp;<a href="/newsDetail?newsId=${newsVOprev.id}"><span style="color:#50c9a0;display: inline-block;width: 70%;vertical-align: top">${newsVOprev.newsTitle}</span></a><br>
                            <span style="color: #939393;font-weight: 300">下一篇</span>&ensp;&ensp;&ensp;&ensp;&ensp;<a href="/newsDetail?newsId=${newsVOnext.id}"><span style="color:#50c9a0;display: inline-block;width: 70%;vertical-align: top">${newsVOnext.newsTitle}</span></a>
                        </div>
                        <hr style="background-color: #d8d8d8 "/>
                    </div>
                    <div class="visible-lg-block visible-md-block"style="margin-bottom: 20px">
                        <h3 style="color: #5f5f5f;font-weight: 500">相关新闻</h3>
                        <hr style="background-color: #d8d8d8 " />
                        @if(firstList.~size == 0){
                        <div style="text-align: center;margin-top: 90px;margin-bottom: 90px">
                            <span>暂无相关新闻</span>
                        </div>
                        @}
                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <ul style="list-style-type:none;margin-left: 10%">
                                    @if(isEmpty(firstList)){
                                    @}else{
                                    @for(newsVO in firstList){
                                    <li>
                                        <a style="color: #8d8d8d" href="/newsDetail?newsId=${newsVO.id}">
                                       <span style="vertical-align: middle;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block">
                                           ${newsVO.newsTitle}
                                       </span>
                                        </a>
                                    </li>
                                    @}
                                    @}
                                </ul>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <ul style="list-style-type:none;">
                                    @if(isEmpty(secondList)){
                                    @}else{
                                    @for(newsVO in secondList){
                                    <li>
                                        <a style="color: #8d8d8d" href="/newsDetail?newsId=${newsVO.id}">
                                        <span style="vertical-align: middle;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block">
                                            ${newsVO.newsTitle}
                                        </span>
                                        </a>
                                    </li>
                                    @}
                                    @}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="visible-xs-block visible-sm-block" style="margin-bottom: 20px">
                        <h3 style="color: #5f5f5f;font-weight: 500">相关新闻</h3>
                        @if(newsVOxsList[0].result.~size == 0){
                        <div style="text-align: center;margin-top: 30px">
                            <span>暂无相关新闻</span>
                        </div>
                        @}
                        <div id="slider" class="flexslider" style="background-color:transparent;border:none;overflow-x: scroll;">
                            <ul class="slides">
                                @for(newList in newsVOxsList){
                                <li>
                                    <div style="width: 100%;">
                                        <ul class="list-group" style="border:none;">
                                            @for(news in newList.result){
                                            <li class="list-group-item" style="background-color: white;width:90%;margin:2px auto 8px auto;border:none;padding: 7px 15px 0px 15px">
                                                <a href="/newsDetail?newsId=${news.id}">
                                                    <span style="color: #3a3a3a;display: inline-block;overflow: hidden;text-overflow: ellipsis;width:85%;white-space: nowrap;font-size: 16px">
                                                        ${news.newsTitle}
                                                    </span>
                                                    <span style="display: inline-block;float: right">
                                                        <img src="${ctxPath}/static/images/rightjiantou.png" style="width: 140%" alt="${news.newsTitle}">
                                                    </span>
                                                </a>

                                            </li>
                                            @}
                                        </ul>
                                    </div>
                                </li>
                                @}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- footer -->
    @include("../_footer.html"){}
    <!-- //footer -->

    <script src="${ctxPath}/static/js/bootstrap.js"></script>
    <script>
        var left = $("#news");
        var win = $(window); //得到窗口对象
        var sc = $(document);//得到document文档对象
        win.scroll(function () {
            var t2 = document.documentElement.scrollHeight;
            var t1 = document.documentElement.scrollTop ;
            var b = t2-t1;
            console.log("距离底部距离："+ b);
            navScroll(b);
        });

        function navScroll(bottom) {
            if (sc.scrollTop() >= 500) {
                if(bottom<1050){
                    left.addClass("left_relative");
                    left.removeClass("left_nav_class");
                }else{
                    left.addClass("left_nav_class");
                    left.removeClass("left_relative")
                    if (win.width < 768) {
                        left.animate({display: 'none'}, 0)
                    }
                }
            } else {
                left.removeClass("left_relative");
                left.removeClass("left_nav_class");
            }

        }
        $("#newsContent").find("img").css({"width":"100%","height":"auto"});

    </script>
    <script type="text/javascript" src="${ctxPath}/static/js/move-top.js"></script>
    <script type="text/javascript" src="${ctxPath}/static/js/easing.js"></script>
    <!-- here stars scrolling icon -->
    <script type="text/javascript" src="${ctxPath}/static/js/scroller-menu.js"></script>

    <!-- //here ends scrolling icon -->
    <!-- FlexSlider -->
    <script defer src="${ctxPath}/static/js/jquery.flexslider.js"></script>
    <!-- //FlexSlider-->
    <script type="text/javascript">
        //移动端相关新闻轮播显示
        $(window).load(function(){
            $('#slider').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: true,
                slideshow: true,
                directionNav:false,
                slideshowSpeed: 3000,
                sync: "#carousel",
                start: function(slider){
                    $('body').removeClass('loading');
                }
            });
        });
    </script>
    <script>
        window._bd_share_config={
            common:{
                "bdText":"重庆恭逸科技有限公司",
                "bdPic ":'${new.pic}',
                "bdMini":"2",
                "bdSize":"16"
            },
            share:{},
            image:{
                "viewList":["qzone","tsina","weixin","renren"],
                "viewText":"分享到：",
                "viewSize":"16"
            }
        };
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>


</body>
</html>